<template>
	<div class="gathering-box">
		<span @click="clickFn"></span>
		<p>{{title}}</p>
		<p class="pp"></p>
	</div>
</template>

<script>
	export default{
		name:"gatheringTop",
		props:['title'],
		methods:{
			clickFn(){
				this.$emit("clickHandel")
			}
		}
	}
</script>

<style scoped="scoped">
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.gathering-box {
	width: 100%;
	height: 0.92rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0.2rem;
	border-bottom: 0.01rem solid #ddd;
}
.gathering-box span {
	display: inline-block;
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-image: url(http://i.huasongwang.com/i/c/icon6.png);
	background-position: -66px 13px;
	background-size: 100px;
}
.pp{
	width: 45px;
	height: 45px;
}
</style>
